<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>简历</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!-- stylesheet css -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/templatemo-blue.css">
</head>

<body data-spy="scroll" data-target=".navbar-collapse">
    <div class="menu">
        <div class="left1">
            <ul>
                <li><img src="../jpg/demo3.png"></li>
                <li><a href="../index.html">首页</a></li>
                <li>
                    <a href="../webs/live.html" target="_blank">随笔</a>
                </li>
                <li>
                    <a href="../webs/fun.html" target="_blank">娱乐</a>
                </li>
                <li><a href="../webs/record.html" target="_blank">留言</a></li>
                <li>
                    <a href="#">个人中心</a></li>

            </ul>

        </div>
        <div class="right1 ">
            <ul>

                <li>
                    <a href="../webs/set.html " target="_blank "> <img src="../jpg/set.png " width="30px " height="30px "></a>
                </li>
                <li>
                    <a href="../webs/sign.html " target="_blank ">
                        <img src="../jpg/logon.png " width="30px " height="30px ">
                    </a>
                </li>
                <li>
                    <input type="text " placeholder="请输入... " name=" " id=" " value=" " style="border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; " />&nbsp;&nbsp;
                    <a href="../webs/find.html " target="_blank "><button style="border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; ">搜索</button>
                    </a>
                </li>

            </ul>
        </div>
    </div>
    <!-- preloader section -->
    <div class="preloader ">
        <div class="sk-spinner sk-spinner-wordpress ">
            <span class="sk-inner-circle "></span>
        </div>
    </div>

    <!-- header section -->
    <header>
        <div class="container ">
            <div class="row ">
                <div class="col-md-12 col-sm-12 ">
                    <img src="../jpg/tou.jpg " class="img-responsive img-circle tm-border " alt="templatemo easy profile ">
                    <hr>
                    <h1 class="tm-title bold shadow ">八斗</h1>
                    <h1 class="white bold shadow ">欢迎来到芥子</h1>
                </div>
            </div>
        </div>
    </header>

    <!-- about and skills section -->
    <section class="container ">
        <div class="row ">
            <div class="col-md-6 col-sm-12 ">
                <div class="about ">
                    <h2 class="accent ">介绍</h2>
                    <h3>芥子个人博客</h3>
                    <p>芥子纳须弥，芥子有一即是全的意思，古人云，道生一，一生二，二生三，三生万物。</p>
                </div>
            </div>
            <div class="col-md-6 col-sm-12 ">
                <div class="skills ">
                    <h2 class="white ">技能</h2>
                    <strong>ps</strong>
                    <span class="pull-right ">40%</span>
                    <div class="progress ">
                        <div class="progress-bar progress-bar-primary " role="progressbar " aria-valuenow="70 " aria-valuemin="0 " aria-valuemax="100 " style="width: 70%; "></div>
                    </div>
                    <strong>前端</strong>
                    <span class="pull-right ">25%</span>
                    <div class="progress ">
                        <div class="progress-bar progress-bar-primary " role="progressbar " aria-valuenow="85 " aria-valuemin="0 " aria-valuemax="100 " style="width: 85%; "></div>
                    </div>
                    <strong>摄影</strong>
                    <span class="pull-right ">5%</span>
                    <div class="progress ">
                        <div class="progress-bar progress-bar-primary " role="progressbar " aria-valuenow="95 " aria-valuemin="0 " aria-valuemax="100 " style="width: 95%; "></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- education and languages -->
    <section class="container ">
        <div class="row ">
            <div class="col-md-8 col-sm-12 ">
                <div class="education ">
                    <h2 class="white ">学历</h2>
                    <div class="education-content ">
                        <h4 class="education-title accent ">毕业院校:</h4>
                        <div class="education-school ">
                            <h5>家里蹲</h5><span></span>
                            <h5>2021/7/28 </h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 ">
                <div class="languages ">
                    <h2>语言</h2>
                    <ul>

                        <li>中文/ 母语</li>
                        <li>英语 / 一生之敌</li>
                        <li>日语 / 三脚猫</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- contact and experience -->
    <section class="container ">
        <div class="row ">
            <div class="col-md-4 col-sm-12 ">
                <div class="contact ">
                    <h2>联系方式</h2>
                    <p><i class="fa fa-map-marker "></i> 123456789</p>
                    <p><i class="fa fa-phone "></i> qq:123456789</p>
                    <p><i class="fa fa-envelope "></i>123456@163.com</p>
                    <p><i class="fa fa-globe "></i> www.jiezi.com</p>
                </div>
            </div>
            <div class="col-md-8 col-sm-12 ">
                <div class="experience ">
                    <h2 class="white ">工作经验</h2>
                    <div class="experience-content ">

                        <p class="education-description ">空白</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- footer section -->
    <footer>
        <div class="container ">
            <div class="row ">
                <div class="col-md-12 col-sm-12 ">
                    <p>Copyright &copy; 2021.芥子 by八斗
                    </p>
                    <ul class="social-icons ">
                        <li>
                            <a href="https://github.com/ " class="fa fa-facebook "></a>
                        </li>
                        <li>
                            <a href="https://mail.qq.com/ " class="fa fa-google-plus "></a>
                        </li>
                        <li>
                            <a href="# " class="fa fa-twitter "></a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- javascript js -->
    <script src="../js/jquery.js "></script>
    <script src="../js/bootstrap.min.js "></script>
    <script src="../js/jquery.backstretch.min.js "></script>
    <script src="../js/custom.js "></script>

</body>

</html>